<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="theme-color" content="#FFFFFF" />
		<title>认证信息页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../ui/common/css/mui.min.css?v_1.0.25" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../ui/common/css/mui.picker.all.css?v_1.0.25"/>
		<link rel="stylesheet" type="text/css" href="../../../ui/common/css/custom.css?v_1.0.25" />
		<link rel="stylesheet" type="text/css" href="../../../ui/user/css/page_certified.css?v_1.0.25" />
		<style>
			.mui-title {
				text-align: center;
			}
			
			.auth-type {
				width: 100%;
				height: 20px;
				margin-top: 2px;
				line-height: 20px;
				background-color: #FF9933;
				text-align: center;
				color: #FFFFFF;
				font-size: 14px;
			}
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav hp-bar">

			<a id="pwdBack" class="mui-action-back mui-pull-left">
				<img class="back-img" src="../../../ui/index/images/back_default.png" />
			</a>

			<h1 id="authTitle" class="mui-title">
				<div id="titleTab" class="title-tab">
					<span id="0" class="active">实名认证</span><span id="1" >车辆认证</span><span id="2">运营商认证</span>
				</div>
			</h1>
		</header>

		<div class="mui-content">

			<div id="nameCertified" class="name-certified mui-hidden">
				<div id="authStatus" class="auth-type">审核状态：未审核</div>
				<div class="line-10px"></div>
				<div class="line-1px"></div>
				<div class="input-div">
					<span>真实姓名</span><input id="a_username" type="text" placeholder="请输入真实姓名" />
				</div>
				<div class="input-div">
					<span>身份证号</span><input id="a_id_card_no" type="text" placeholder="请输入身份证号" />
				</div>
				<div class="line-10px"></div>
				<p>请确保证件四角完整，文字清晰可读</p>
				<div class="line-1px"></div>
				<div class="img-div">
					<span>身份证正面</span>
					<img class="auth-pics" data-name="身份证正面" id="id_card_front" src="../../../ui/index/images/add_photo_selected.png" />
				</div>
				<div class="img-div">
					<span>身份证反面</span>
					<img class="auth-pics" data-name="身份证反面" id="id_card_back" src="../../../ui/index/images/add_photo_selected.png" />
				</div>
				<button id="nameAuthBtn" class="mui-button-row mui-btn-green">提交认证</button>
			</div>
			<div id="carCertified" class="name-certified mui-hidden">
				<ul id="carList" class="car-list">
					<!--<li>
						<span>鲁B00587</span>
						<div>
							<button class="mui-button-row mui-btn-green">下车</button>
						</div>
						<em>未审核</em>
					</li>
					<li>
						<span>鲁B00587</span>
						<div>
							<button class="mui-button-row mui-btn-green">下车</button>
						</div>
						<em>未审核</em>
					</li>-->
				</ul>
				<button id="addCarAuth" class="mui-button-row mui-btn-green bottom-btn">添加车辆</button>
			</div>
			<div id="operatorCer" class="name-certified mui-hidden">
				<div class="line-10px"></div>
				<div class="line-1px"></div>
				<div class="input-div">
					<span>增加运营商</span><input id="operatorCode" type="text" placeholder="请输入运营商编码" />
				</div>
				<p>运营商编码，请联系运营商获取</p>
				<button id="operatorAuth" class="mui-button-row mui-btn-green">提交认证信息</button>

				<ul id="operatorList" class="operator-list">
					<!--<li>
						<div><img src="../../../ui/index/images/shenhezhong.png" /><br />审核中</div>
						<cite>宁波港<br />2544545454</cite>
						<em>删除</em>
					</li>-->
				</ul>
			</div>
			<div id="carAddDiv" class="name-certified mui-hidden">
				<div class="line-10px"></div>
				<div class="line-1px"></div>
				<div class="input-div">
					<span>车牌号</span><input id="a_vhc_code" type="text" placeholder="请输入车牌号" />
				</div>
				<div class="line-10px"></div>
				<p>请确保证件四角完整，文字清晰可读</p>
				<div class="line-1px"></div>
				<div class="img-div">
					<span>行车证</span>
					<img id="carLicense" src="../../../ui/index/images/add_photo_selected.png" />
				</div>
				<div class="line-10px"></div>

				<div class="line-1px"></div>
				<div id="carType" class="goto-type">
					<span>车型</span>
					<span id="a_vhc_model"></span>
					<img src="../../../ui/index/images/list_right_default.png" />
				</div>
				<button id="addCarBtn" class="mui-button-row mui-btn-green bottom-btn">添加车辆</button>
			</div>
		</div>

		<script src="../../../ui/common/js/jquery-1.10.2.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/mui.min.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/mui.picker.all.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/requestAddressList.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/common.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/customData.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/user/js/page_certified.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
	</body>

</html>